<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <script src="./vue.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
    <div id="app">
        <p v-for="(val,key,index) in list1">{{val.lineDesc}} {{key}} {{index}}</p>

    </div>
    <script>
        // 创建一个vue实例
        new Vue({
            el: '#app',
            data() {
                return {
                    list1: [{
                        "lastEditedDt": "2019-03-30 17:22:36",
                        "lineDesc": "顶顶顶顶瓜",
                        "lineName": "Rokid Glass 线别 1",
                        "lineType": "L10",
                        "mPomLineId": "f0072ba6-2b97-4508-9517-b94145e4ba60"
                    }, {
                        "lastEditedDt": "2019-03-30 15:31:34",
                        "lineDesc": "测试成功",
                        "lineName": "Rokid Glass 线别 1",
                        "lineType": "L10",
                        "mPomLineId": "d06b8350-afdd-4ca2-84a6-a8e8035ac466"
                    }, {
                        "lastEditedDt": "2019-03-30 15:28:48",
                        "lineDesc": "jjjjjjjj",
                        "lineName": "Rokid Glass 线别 1",
                        "lineType": "L10",
                        "mPomLineId": "f6ae9293-feb4-4af2-a771-1be829c586bc"
                    }, {
                        "lastEditedDt": "2019-03-29 16:40:21",
                        "lineDesc": "测试",
                        "lineName": "AAAAA",
                        "lineType": "1111",
                        "mPomLineId": "b42db938-a2e7-4ad7-9b7b-74062821ebdc"
                    }, {
                        "lastEditedDt": "2019-03-29 16:30:49",
                        "lineDesc": "文字描述",
                        "lineName": "测试线别001",
                        "lineType": "L10",
                        "mPomLineId": "1f45cc54-21ef-4567-9049-dfe614c2679c"
                    }, {
                        "lastEditedDt": "2019-03-29 16:30:24",
                        "lineDesc": "测试描述文字\n",
                        "lineName": "Rokid Glass 线别 1",
                        "lineType": "L10",
                        "mPomLineId": "006c2bb6-cbbe-4894-a8d6-dedc5dd8597f"
                    }, {
                        "lastEditedDt": "2019-03-23 19:37:43",
                        "lineDesc": "2222",
                        "lineName": "Rokid Glass 线别 155511",
                        "lineType": "L111550",
                        "mPomLineId": "15"
                    }, {
                        "lastEditedDt": "2019-03-23 19:37:26",
                        "lineDesc": "2222",
                        "lineName": "Rokid Glass 线别 111",
                        "lineType": "L11110",
                        "mPomLineId": "14"
                    }, {
                        "lastEditedDt": "2019-03-23 19:29:52",
                        "lineDesc": "",
                        "lineName": "Rokid Glass 线别 1",
                        "lineType": "L10",
                        "mPomLineId": "6a9f505a-a4bd-4e67-a8fe-6aa040a6dd52"
                    }, {
                        "lastEditedDt": "2019-03-23 19:29:51",
                        "lineDesc": "",
                        "lineName": "Rokid Glass 线别 1",
                        "lineType": "L10",
                        "mPomLineId": "2f515635-50b3-4d6a-8d7b-2c28f1b072af"
                    }, {
                        "lastEditedDt": "2019-03-23 19:29:51",
                        "lineDesc": "",
                        "lineName": "Rokid Glass 线别 1",
                        "lineType": "L10",
                        "mPomLineId": "6876c057-b35b-4a76-b436-a8a93f050ded"
                    }, {
                        "lastEditedDt": "2019-03-23 19:29:51",
                        "lineDesc": "",
                        "lineName": "Rokid Glass 线别 1",
                        "lineType": "L10",
                        "mPomLineId": "a6c53952-a88d-408f-9ff3-3dd2ea4e0283"
                    }, {
                        "lastEditedDt": "2019-03-23 19:29:51",
                        "lineDesc": "",
                        "lineName": "Rokid Glass 线别 1",
                        "lineType": "L10",
                        "mPomLineId": "aeb1cf50-db6f-4367-a077-3822523862ea"
                    }, {
                        "lastEditedDt": "2019-03-23 19:29:51",
                        "lineDesc": "",
                        "lineName": "Rokid Glass 线别 1",
                        "lineType": "L10",
                        "mPomLineId": "f37aca81-baea-435c-a750-a86a0f171c24"
                    }, {
                        "lastEditedDt": "2019-03-23 19:29:50",
                        "lineDesc": "",
                        "lineName": "Rokid Glass 线别 1",
                        "lineType": "L10",
                        "mPomLineId": "40df4912-0583-4825-b78f-3dfe84f6dd16"
                    }, {
                        "lastEditedDt": "2019-03-23 19:29:50",
                        "lineDesc": "",
                        "lineName": "Rokid Glass 线别 1",
                        "lineType": "L10",
                        "mPomLineId": "fb4e71a3-bdd4-4a77-9eb0-b0d031bf6e0b"
                    }, {
                        "lineDesc": "",
                        "lineName": "LINE-A",
                        "lineType": "L10",
                        "mPomLineId": "LINE-A"
                    }, {
                        "lineDesc": "",
                        "lineName": "LINE-B",
                        "lineType": "L10",
                        "mPomLineId": "LINE-B"
                    }]

                }
            }

        })
    </script>
</body>

</html>